<!DOCTYPE html>
<html lang="zh-Hans">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">

    <link rel="stylesheet" href="./css/index.css" />
</head>

<body>
    <h1>JavaScript与浏览器</h1>
    <h2>参考链接</h2>
    <ul>
        <li><a target="_blank" href="https://www.w3school.com.cn/js/js_window.asp">JavaScript Window - 浏览器对象模型</a></li>
        <li><a target="_blank" href="https://www.w3school.com.cn/js/js_window_screen.asp">JavaScript Window Screen</a></li>
        <li><a target="_blank" href="https://www.w3school.com.cn/js/js_window_location.asp">JavaScript Window Location</a></li>
        <li><a target="_blank" href="https://www.w3school.com.cn/js/js_window_history.asp">JavaScript Window History</a></li>
        <li><a target="_blank" href="https://www.w3school.com.cn/js/js_timing.asp">JavaScript Timing 事件</a></li>
        <li><a target="_blank" href="https://www.w3school.com.cn/js/js_cookies.asp">JavaScript Cookies</a></li>
    </ul>


    <h2>摘抄</h2>
    <h3>window 对象</h3>
    <ul>
        <li><strong>window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth</strong> 浏览器窗口的内宽度。</li>
        <li><strong>window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight</strong> 浏览器窗口的内高度。</li>
        <li><strong>window.open()</strong> 打开新窗口。</li>
        <li><strong>window.close()</strong> 关闭当前窗口。</li>
    </ul>

    <h3>screen 对象</h3>
    <ul>
        <li><strong>screen.width</strong>  属性返回以像素计的访问者屏幕宽度。</li>
        <li><strong>screen.height</strong> 属性返回以像素计的访问者屏幕的高度。</li>
        <li><strong>screen.availWidth</strong> 属性返回访问者屏幕的宽度，以像素计，减去诸如窗口工具条之类的界面特征。</li>
        <li><strong>screen.availHeight</strong> 属性返回访问者屏幕的高度，以像素计，减去诸如窗口工具条之类的界面特征。</li>
    </ul>

    <h3>location 对象</h3>
    <ul>
        <li><strong>location.href</strong>  返回当前页面的 href (URL)</li>
        <li><strong>location.hostname</strong> 返回 web 主机的域名。</li>
        <li><strong>location.pathname</strong> 返回当前页面的路径或文件名。</li>
    </ul>
    <h3>history 对象</h3>
    <ul>
        <li><strong>history.back()</strong>  等同于在浏览器点击后退按钮</li>
        <li><strong>history.forward()</strong> 等同于在浏览器中点击前进按钮</li>
    </ul>
    <h3>Timing 事件</h3>
    <ul>
        <li><strong>setTimeout(function, milliseconds)</strong>  在等待指定的毫秒数后执行函数。</li>
        <li><strong>setInterval(function, milliseconds)</strong> 等同于 setTimeout()，但持续重复执行该函数。</li>
        <li><strong>clearTimeout()</strong> 方法停止执行 setTimeout() 中规定的函数。</li>
        <li><strong>clearInterval()</strong> 方法停止 setInterval() 方法中指定的函数的执行。</li>
    </ul>
    <h3>cookie 对象</h3>
    <p>Cookie 是在您的计算机上存储在小的文本文件中的数据。</p>
    <p>当 web 服务器向浏览器发送网页后，连接被关闭，服务器会忘记用户的一切。</p>
    <p>Cookie 是为了解决“如何记住用户信息”而发明的。</p>
</body>

</html>